<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>熠星大赛</title>
		<link rel="stylesheet" href="../css/bootstrap.css" />
	</head>
	<style>
		*{
			margin: 0;
			padding: 0;
		}
		body,html{
			width: 100%;
			height: 100%;
		}
		.nav > li > a{padding-right: 0}
		.nav_lt_font a{margin-top: 20px;padding-right: 0;font-size: 16px;}
		.nav_font li{text-align: center;}
		.navbar{border: none;background-color: #fff;}
		.nav > li > a{padding-right: 0}
		.nav_lt_font a{margin-top: 20px;padding-right: 0;font-size: 16px;}
		.nav_font li{text-align: center;}
		.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background: none;font-weight: bolder}

		.selectMap{position: absolute;right: 50px;}
		.buttonMap{position: absolute;left: 80%;}
		.loginShow{width: 50px;height: 50px;border-radius: 50%;}
		.login_success{position: relative;}
		.list-group-item{background-color: #fff;z-index: 1000;}
		.login_success:hover .login_success_info{display: block;}
		.login_success_info{display: none;}

		.trend{padding-bottom: 15px;}
	</style>
	<body>
	<nav class="navbar navbar-default" >
		<div class="container" >
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#">
					<img alt="Brand" src="../img/logo.png" >
				</a>
			</div>

			<div class="collapse navbar-collapse " id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav nav_lt_font nav_login">
					<li ><a href="../index.html">首页 <span class="sr-only">(current)</span></a></li>
					<li><a href="../html/cyzfw_index.html">创业者服务</a></li>
					<li><a href="../html/touziren_index.html">投资者服务</a></li>
					<li><a href="javascript:void(0);" class="tutorService">导师服务</a></li>
					<li><a href="../html/xqfb_index.html">技术需求者</a></li>
					<li class="active"><a href="../html/yixingdasai.html">熠星大赛</a></li>
					<li ><a href="../echarts/index.html">大数据服务</a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right nav_font">
					<li>
						<div class="form-group  has-feedback" style="margin-top: 20px">
							<label class="control-label sr-only" for="inputSuccess5">Hidden label</label>
							<input type="text" class="form-control" id="inputSuccess5" aria-describedby="inputSuccess5Status">
							<span class="glyphicon glyphicon-search form-control-feedback" aria-hidden="true"></span>
							<span id="inputSuccess5Status" class="sr-only">(success)</span>
						</div>
					</li>
					<li class="login_hide"><a href="../html/denglu.html"><i class="iconfont icon-zhuce"></i><br>登陆</a></li>
					<li class="login_hide"><a href="../html/zhuche.html"><i class="iconfont icon-denglu"></i><br>注册</a></li>
					<li class="login_success"><a href="#"><img src="../img/020.jpg" class="loginShow"/></a>
						<div class="list-group login_success_info" style="position: absolute;border-bottom: 0;width: 150px;left: -30px;" >
							<a href="index.html" class="list-group-item tuichu">退出</a>
						</div>
					</li>

				</ul>
			</div>


		</div>
	</nav>




		<div class="container" style="padding-top:50px">
		<ul id="myTab" class="nav nav-tabs ">
			<li class="active">
				<a href="#home" data-toggle="tab" style="padding-right: 15px;">熠星动态</a>
			</li>
			<li><a href="#ios" data-toggle="tab" style="padding-right: 15px;">活动通知</a></li>
			
		</ul>
		<div id="myTabContent" class="tab-content">
				<div class="tab-pane fade in active" id="home" style="padding: 30px;">
					<div class="panel panel-default">
					    <div class="panel-heading">
					        <h3 class="panel-title">
					            活动动态
					        </h3>
					    </div>
					    <div class="panel-body">
							<div class="row trend">
								<div class="col-xs-5">
									<a href="../html/newsDetails.html"><img src="../img/20.jpg" alt="" /></a>
								</div>
								<div class="col-xs-7 tab_list">
									<h5> <a href="../html/newsDetails.html">揭底新内容创业，短视频平台翘楚二更如何创造好内容</a></h5>
									<p>在当下内容爆发的时代，好内容才是留住用户的关键</p>
								</div>
							</div>

							<div class="row trend">
								<div class="col-xs-5">
									<a href="../html/newsDetails.html"><img src="../img/21.png" alt="" /></a>
								</div>
								<div class="col-xs-7 tab_list">
									<h5><a href="../html/newsDetails.html">水木智娱完成Pre-A轮融资，这家做棋牌的公司到底哪里吸引人？</a> </h5>
									<p>另辟蹊径开创棋牌竞技新江湖</p>
								</div>
							</div>

							<div class="row trend">
								<div class="col-xs-5">
									<a href="../html/newsDetails.html"><img src="../img/22.jpg" /></a>
								</div>
								<div class="col-xs-7 tab_list">
									<h5><a href="../html/newsDetails.html">人称“清华虾哥”，他在2年间试吃上千斤虾，日均销售额30万元，今年准备开1000家门店</a> </h5>
									<p>好吃的人越堕落越放纵.</p>
								</div>
							</div>
					    </div>
					</div>
				</div>
				<div class="tab-pane fade" id="ios" style="padding: 30px;">
					<div class="panel panel-default">
					    <div class="panel-heading">
					        <h3 class="panel-title">
					         活动通知
					        </h3>
					    </div>
					    <div class="panel-body">
					        通知内容
					    </div>
					</div>
				</div>
				
				
		</div>
		</div>
		
	</body>
	<script type="text/javascript" src="../js/jquery-2.1.1.min.js" ></script>
	<script type="text/javascript" src="../js/bootstrap.js" ></script>
	<script type="text/javascript" src="../js/yixing.js"></script>

	
</html>
